<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>调拨处理中心</title>
  <link rel="stylesheet" href="styles/bootstrap/bootstrap.css">
  <link rel="stylesheet" href="styles/bootstrap-table.css">
  <link rel="stylesheet" href="sfy/styles/fonts/iconfont.css">
  <link rel="stylesheet" href="styles/reset.css">
  <link rel="stylesheet" href="styles/main.css">
  <link rel="stylesheet" href="styles/sfy_nav.css">
  <link rel="stylesheet" href="styles/cy.css">
  <link rel="stylesheet" href="styles/newstyle.css">
</head>

<body>
  <!--头部-->
  <!-- 新菜单 2018-04-08 -->
  <div class="new-header">
    <div class="header-content">
      <div class="header-menu">
        <a href="index.html" class="logo">
          <img src="images/yly-logo.png" alt="">
        </a>
        <ul class="header-nav">
          <li>基础资料</li>
          <li>物流运营</li>
          <li>财务管理</li>
          <li>业务管理</li>
          <li>统计查询</li>
        </ul>
        <div class="header-select">
          <a>
            <!-- <label class="common-menu-btn"><input type="checkbox" checked="checked"><span></span></label><span>关闭常用菜单</span> -->
            <span class="common-menu-btn">常用菜单</span>
          </a>
          <a href="#" class="setting">设置</a>
          <ul class="header-select-list">
            <li>
              <i class="community"></i>
              <a href="#">传链社区</a>
            </li>
            <li>
              <i class="tel"></i>
              <a href="#">服务中心</a>
            </li>
            <li>
              <i class="message current"></i>
              <a href="#">消息中心</a>
            </li>
            <li>
              <i href="javascript:;" class="login"></i>
              <div class="userboxinfob">
                <div class="ul_userlist">
                  <p class="flexitem">张会员，欢迎您登录</p>
                  <ul class="flexitem">
                    <li>
                      <a href="/updatePwd">修改密码</a>
                    </li>
                    <li>
                      <a href="/logout">退出</a>
                    </li>
                  </ul>
                </div>
              </div>
            </li>
          </ul>
        </div>
      </div>

      <div class="header-menu-box">
        <div class="header-menu-content">
          <dl class="displayflex">
            <dt>组织资料 ></dt>
            <dd class="flex1">
              <a href="#">公司资料维护</a>
              <a href="#">公司部门资料维护</a>
              <a href="#">物流区域资料维护</a>
              <a href="#">物流中心资料维护</a>
              <a href="#">仓库资料</a>
              <a href="#">货主仓库指定</a>
              <a href="#">货主承运商指定</a>
            </dd>
          </dl>
          <dl class="displayflex">
            <dt>人员管理 ></dt>
            <dd class="flex1">
              <a href="#">公司人员角色维护</a>
              <a href="#">公司人员资料维护</a>
              <a href="#">货主人员资料维护</a>
              <a href="#">承运商人员资料维护</a>
              <a href="#">仓储商人员资料维护</a>
              <a href="#">商业客户人员资料维护</a>
            </dd>
          </dl>
          <dl class="displayflex">
            <dt>商品管理 ></dt>
            <dd class="flex1">
              <a href="#">新品发布清单</a>
              <a href="#">生产厂商资料维护</a>
              <a href="#">商品分类资料表</a>
              <a href="#">库管参数维护</a>
              <a href="#">补货层级维护</a>
              <a href="#">新增商品</a>
              <a href="#">商品资料维护</a>
              <a href="#" class="active">产品说明书维护</a>
              <a href="#">物价资料维护</a>
              <a href="#">耗材包关系维护</a>
              <a href="#">耗材包关系维护</a>
            </dd>
          </dl>
          <dl class="displayflex">
            <dt>产品证照 ></dt>
            <dd class="flex1">
              <a href="#">代理商证照维护</a>
              <a href="#">经销授权书证照维护</a>
              <a href="#">售后服务机构证照维护</a>
              <a href="#">医疗器械注册证维护</a>
              <a href="#">业务授权书维护</a>
            </dd>
          </dl>
          <dl class="displayflex">
            <dt>客户管理 ></dt>
            <dd class="flex1">
              <a href="#">商业单位资料维护</a>
              <a href="#">医疗机构资料维护</a>
            </dd>
          </dl>
        </div>
        <div class="header-menu-content">
          <dl class="displayflex">
            <dt>物流运营 ></dt>
            <dd class="flex1">
              <a href="#">公司资料维护</a>
              <a href="#">公司部门资料维护</a>
              <a href="#">物流区域资料维护</a>
              <a href="#">物流中心资料维护</a>
              <a href="#">仓库资料</a>
              <a href="#">货主仓库指定</a>
              <a href="#">货主承运商指定</a>
            </dd>
          </dl>
          <dl class="displayflex">
            <dt>人员管理 ></dt>
            <dd class="flex1">
              <a href="#">公司人员角色维护</a>
              <a href="#">公司人员资料维护</a>
              <a href="#">货主人员资料维护</a>
              <a href="#">承运商人员资料维护</a>
              <a href="#">仓储商人员资料维护</a>
              <a href="#">商业客户人员资料维护</a>
            </dd>
          </dl>
          <dl class="displayflex">
            <dt>商品管理 ></dt>
            <dd class="flex1">
              <a href="#">新品发布清单</a>
              <a href="#">生产厂商资料维护</a>
              <a href="#">商品分类资料表</a>
              <a href="#">库管参数维护</a>
              <a href="#">补货层级维护</a>
              <a href="#">新增商品</a>
              <a href="#">商品资料维护</a>
              <a href="#" class="active">产品说明书维护</a>
              <a href="#">物价资料维护</a>
              <a href="#">耗材包关系维护</a>
              <a href="#">耗材包关系维护</a>
            </dd>
          </dl>
          <dl class="displayflex">
            <dt>客户管理 ></dt>
            <dd class="flex1">
              <a href="#">商业单位资料维护</a>
              <a href="#">医疗机构资料维护</a>
            </dd>
          </dl>
          <dl class="displayflex">
            <dt>医院关系建立 ></dt>
            <dd class="flex1">
              <a href="#">采购目录勾对</a>
            </dd>
          </dl>
        </div>
        <div class="header-menu-content">
          <dl class="displayflex">
            <dt>财务管理 ></dt>
            <dd class="flex1">
              <a href="#">公司资料维护</a>
              <a href="#">公司部门资料维护</a>
              <a href="#">物流区域资料维护</a>
              <a href="#">物流中心资料维护</a>
              <a href="#">仓库资料</a>
              <a href="#">货主仓库指定</a>
              <a href="#">货主承运商指定</a>
            </dd>
          </dl>
          <dl class="displayflex">
            <dt>人员管理 ></dt>
            <dd class="flex1">
              <a href="#">公司人员角色维护</a>
              <a href="#">公司人员资料维护</a>
              <a href="#">货主人员资料维护</a>
              <a href="#">承运商人员资料维护</a>
              <a href="#">仓储商人员资料维护</a>
              <a href="#">商业客户人员资料维护</a>
            </dd>
          </dl>
          <dl class="displayflex">
            <dt>商品管理 ></dt>
            <dd class="flex1">
              <a href="#">新品发布清单</a>
              <a href="#">生产厂商资料维护</a>
              <a href="#">商品分类资料表</a>
              <a href="#">库管参数维护</a>
              <a href="#">补货层级维护</a>
              <a href="#">新增商品</a>
              <a href="#">商品资料维护</a>
              <a href="#" class="active">产品说明书维护</a>
              <a href="#">物价资料维护</a>
              <a href="#">耗材包关系维护</a>
            </dd>
          </dl>
          <dl class="displayflex">
            <dt>产品证照 ></dt>
            <dd class="flex1">
              <a href="#">代理商证照维护</a>
              <a href="#">经销授权书证照维护</a>
              <a href="#">售后服务机构证照维护</a>
              <a href="#">医疗器械注册证维护</a>
              <a href="#">业务授权书维护</a>
            </dd>
          </dl>
          <dl class="displayflex">
            <dt>客户管理 ></dt>
            <dd class="flex1">
              <a href="#">商业单位资料维护</a>
              <a href="#">医疗机构资料维护</a>
            </dd>
          </dl>
          <dl class="displayflex">
            <dt>医院关系建立 ></dt>
            <dd class="flex1">
              <a href="#">供应关系查询</a>
              <a href="#">采购目录勾对</a>
            </dd>
          </dl>
        </div>
        <div class="header-menu-content">
          <dl class="displayflex">
            <dt>业务管理 ></dt>
            <dd class="flex1">
              <a href="#">公司资料维护</a>
              <a href="#">公司部门资料维护</a>
              <a href="#">物流区域资料维护</a>
              <a href="#">物流中心资料维护</a>
              <a href="#">仓库资料</a>
              <a href="#">货主仓库指定</a>
              <a href="#">货主承运商指定</a>
            </dd>
          </dl>
          <dl class="displayflex">
            <dt>人员管理 ></dt>
            <dd class="flex1">
              <a href="#">公司人员角色维护</a>
              <a href="#">公司人员资料维护</a>
              <a href="#">货主人员资料维护</a>
              <a href="#">承运商人员资料维护</a>
              <a href="#">仓储商人员资料维护</a>
              <a href="#">商业客户人员资料维护</a>
            </dd>
          </dl>
          <dl class="displayflex">
            <dt>商品管理 ></dt>
            <dd class="flex1">
              <a href="#">新品发布清单</a>
              <a href="#">生产厂商资料维护</a>
              <a href="#">商品分类资料表</a>
              <a href="#">库管参数维护</a>
              <a href="#">补货层级维护</a>
              <a href="#">新增商品</a>
              <a href="#">商品资料维护</a>
              <a href="#" class="active">产品说明书维护</a>
              <a href="#">物价资料维护</a>
              <a href="#">耗材包关系维护</a>
              <a href="#">耗材包关系维护</a>
            </dd>
          </dl>
          <dl class="displayflex">
            <dt>产品证照 ></dt>
            <dd class="flex1">
              <a href="#">代理商证照维护</a>
              <a href="#">经销授权书证照维护</a>
              <a href="#">售后服务机构证照维护</a>
              <a href="#">医疗器械注册证维护</a>
              <a href="#">业务授权书维护</a>
            </dd>
          </dl>
          <dl class="displayflex">
            <dt>客户管理 ></dt>
            <dd class="flex1">
              <a href="#">商业单位资料维护</a>
              <a href="#">医疗机构资料维护</a>
            </dd>
          </dl>
          <dl class="displayflex">
            <dt>医院关系建立 ></dt>
            <dd class="flex1">
              <a href="#">供应关系查询</a>
              <a href="#">采购目录勾对</a>
            </dd>
          </dl>
        </div>
        <div class="header-menu-content">
          <dl class="displayflex">
            <dt>统计查询 ></dt>
            <dd class="flex1">
              <a href="#">公司资料维护</a>
              <a href="#">公司部门资料维护</a>
              <a href="#">物流区域资料维护</a>
              <a href="#">物流中心资料维护</a>
              <a href="#">仓库资料</a>
              <a href="#">货主仓库指定</a>
              <a href="#">货主承运商指定</a>
            </dd>
          </dl>
          <dl class="displayflex">
            <dt>人员管理 ></dt>
            <dd class="flex1">
              <a href="#">公司人员角色维护</a>
              <a href="#">公司人员资料维护</a>
              <a href="#">货主人员资料维护</a>
              <a href="#">承运商人员资料维护</a>
              <a href="#">仓储商人员资料维护</a>
              <a href="#">商业客户人员资料维护</a>
            </dd>
          </dl>
          <dl class="displayflex">
            <dt>商品管理 ></dt>
            <dd class="flex1">
              <a href="#">新品发布清单</a>
              <a href="#">生产厂商资料维护</a>
              <a href="#">商品分类资料表</a>
              <a href="#">库管参数维护</a>
              <a href="#">补货层级维护</a>
              <a href="#">新增商品</a>
              <a href="#">商品资料维护</a>
              <a href="#" class="active">产品说明书维护</a>
              <a href="#">物价资料维护</a>
              <a href="#">耗材包关系维护</a>
              <a href="#">耗材包关系维护</a>
            </dd>
          </dl>
          <dl class="displayflex">
            <dt>产品证照 ></dt>
            <dd class="flex1">
              <a href="#">代理商证照维护</a>
              <a href="#">经销授权书证照维护</a>
              <a href="#">售后服务机构证照维护</a>
              <a href="#">医疗器械注册证维护</a>
              <a href="#">业务授权书维护</a>
            </dd>
          </dl>
          <dl class="displayflex">
            <dt>客户管理 ></dt>
            <dd class="flex1">
              <a href="#">商业单位资料维护</a>
              <a href="#">医疗机构资料维护</a>
            </dd>
          </dl>
          <dl class="displayflex">
            <dt>医院关系建立 ></dt>
            <dd class="flex1">
              <a href="#">供应关系查询</a>
              <a href="#">采购目录勾对</a>
            </dd>
          </dl>
        </div>
      </div>
    </div>
  </div>

  <!-- 按钮 当前位置-->
  <div class="g_header_nav">
    <div class="g_header_t">
      <div class="operate-btns">
      </div>
    </div>
    <div class="con_breadcrumb">
      <ol class="breadcrumb">
        <li>
          <a href="#">调拨处理中心</a>
        </li>
      </ol>
      <h3 class="current_module">调拨处理中心</h3>
    </div>
  </div>
  <!--end头部-->
  <div class="content">
    <div class="transfer-top">
      <div class="transfer-top-left box-foot">
        <div class="transfer-title tac">
          <i class="title-icon1"></i>今日调货通知</div>
        <div class="transfer-top-content">
          <dl>
            <dt>云计算结果</dt>
            <dd class="displayflex">
              <div class="flex1">
                <b class="icon-lack">缺货类</b>
                <p>待处理
                  <strong>11</strong>单</p>
              </div>
              <div class="flex1">
                <b class="icon-unsalable">滞销类</b>
                <p>待处理
                  <strong>3</strong>单</p>
              </div>
            </dd>
          </dl>
          <dl>
            <dt>货主通知</dt>
            <dd>
              <p class="w-50 fl">
                <b>3</b>家货主</p>
              <p class="w-50 fl">共
                <strong>3</strong>单</p>
              <p class="w-50 fl mt-10">
                <b>2,300</b>件</p>
            </dd>
          </dl>
        </div>
        <div class="box-foot2"></div>
      </div>

      <div class="transfer-top-right box-foot">
        <div class="transfer-title red tac">
          <i class="title-icon2"></i>历史调货积压</div>
        <div class="transfer-top-content transfer-top-content2">
          <dl>
            <dt>积压量</dt>
            <dd class="displayflex">
              <div class="flex1">
                <b class="font-blue">2天</b>
                <p class="displayflex">积压
                  <span class="flex1 tar">
                    <strong>2</strong>单</span>
                </p>
                <p class="displayflex">货量
                  <span class="flex1 tar">
                    <b>500</b>件</span>
                </p>
              </div>
              <div class="flex1">
                <b class="font-orange">3天</b>
                <p class="displayflex">积压
                  <span class="flex1 tar">
                    <strong>2</strong>单</span>
                </p>
                <p class="displayflex">货量
                  <span class="flex1 tar">
                    <b>500</b>件</span>
                </p>
              </div>
              <div class="flex1">
                <b class="font-red">超过3天</b>
                <p class="displayflex">积压
                  <span class="flex1 tar">
                    <strong>2</strong>单</span>
                </p>
                <p class="displayflex">货量
                  <span class="flex1 tar">
                    <b>500</b>件</span>
                </p>
              </div>
            </dd>
          </dl>
        </div>
        <div class="box-foot2"></div>
      </div>
    </div>
    <div class="business-info col-md-12">
      <div class="fheader">
        <h4 class="fh-tit fh-transfer">调拨执行跟进</h4>
        <div class="stretch ml-20">
          <div class="stretch-push"></div>
        </div>
      </div>
      <div class="fpart pull1">
        <div class="transfer-bottom">
          <div class="transfer-bottom-left box-foot">
            <div class="transfer-title">
              <i class="title-icon3"></i>我的发货
              <a href="#" class="transfer-btn fr">主动发起</a>
            </div>
            <div class="transfer-bottom-content">
              <ul>
                <li class="displayflex">
                  <span>当月已发到</span>
                  <p class="flex1 tar"><b>6,300</b>件</p>
                </li>
                <li class="displayflex">
                  <span>在途货量</span>
                  <p class="flex1 tar"><b>580</b>件</p>
                </li>
                <li class="displayflex">
                  <span>在途单据</span>
                  <p class="flex1 tar"><strong>1</strong>件</p>
                </li>
                <li class="displayflex">
                  <a href="#" class="transfer-btn">全景查看</a>
                </li>
              </ul>
            </div>
            <div class="box-foot2"></div>
          </div>

          <div class="transfer-bottom-left box-foot">
            <div class="transfer-title tac">
              <i class="title-icon4"></i>我的收货
            </div>
            <div class="transfer-bottom-content">
              <ul>
                <li class="displayflex">
                  <span>当月已发到</span>
                  <p class="flex1 tar"><b>15,000</b>件</p>
                </li>
                <li class="displayflex">
                  <span>在途货量</span>
                  <p class="flex1 tar"><b>1,780</b>件</p>
                </li>
                <li class="displayflex">
                  <span>在途单据</span>
                  <p class="flex1 tar"><strong>3</strong>件</p>
                </li>
                <li class="displayflex">
                  <a href="#" class="transfer-btn">全景查看</a>
                </li>
              </ul>
            </div>
            <div class="box-foot2"></div>
          </div>

          <div class="transfer-bottom-right box-foot">
            <div class="transfer-title tac">
              <i class="title-icon5"></i>我的流程
            </div>
            <div class="transfer-bottom-content">
              <table class="table">
                <tbody>
                  <tr>
                    <td>2018-01-06</td>
                    <td class="text-underline">DB000000000000000013</td>
                    <td>待    张三    审批</td>
                  </tr>
                  <tr>
                    <td>2018-01-05</td>
                    <td class="text-underline">DB000000000000000012</td>
                    <td>待    张三    审批</td>
                  </tr>
                  <tr>
                    <td>2018-01-04</td>
                    <td class="text-underline">DB000000000000000011</td>
                    <td>待    张三    审批</td>
                  </tr>
                  <tr>
                    <td>2018-01-03</td>
                    <td class="text-underline">DB000000000000000010</td>
                    <td>待    张三    审批</td>
                  </tr>
                  <tr>
                    <td>2018-01-02</td>
                    <td class="text-underline">DB000000000000000009</td>
                    <td>待    张三    审批</td>
                  </tr>
                  <tr>
                    <td>2018-01-01</td>
                    <td class="text-underline">DB000000000000000008</td>
                    <td>待    张三    审批</td>
                  </tr>
                  <tr>
                    <td>2017-12-31</td>
                    <td class="text-underline">DB000000000000000007</td>
                    <td>待    张三    审批</td>
                  </tr>
                  <tr>
                    <td>2017-12-30</td>
                    <td class="text-underline">DB000000000000000006</td>
                    <td>待    张三    审批</td>
                  </tr>
                  <tr>
                    <td>2017-12-29</td>
                    <td class="text-underline">DB000000000000000005</td>
                    <td>待    张三    审批</td>
                  </tr>
                  <tr>
                    <td>2017-12-28</td>
                    <td class="text-underline">DB000000000000000004</td>
                    <td>待    张三    审批</td>
                  </tr>
                </tbody>
              </table>
              <div class="table-page clearfix">
                <a href="">上一页</a>
                <a href="">下一页</a>
                <span>第<i>1</i>页</span>
                <span>共<em>2</em>页</span>
              </div>
            </div>
            <div class="box-foot2"></div>
          </div>
        </div>
      </div>
    </div>
  </div>

  <script type="text/javascript" src="lib/jquery.min.js"></script>
  <script type="text/javascript" src="lib/underscore-min.js"></script>
  <script type="text/javascript" src="lib/layui/lay/dest/layui.all.js"></script>
  <script type="text/javascript" src="lib/bootstrap.min.js"></script>
  <script type="text/javascript" src="lib/bootstrap-table.js"></script>
  <script type="text/javascript" src="lib/jquery.validate.min.js"></script>
  <script type="text/javascript" src="lib/city-picker.js"></script>
  <script type="text/javascript" src="lib/bootstrap-datetimepicker.min.js"></script>
  <script type="text/javascript" src="lib/jquery.slimscroll.js"></script>
  <script type="text/javascript" src="lib/echarts-all.js"></script>
  <script type="text/javascript" src="lib/flot/jquery.flot.js"></script>
  <script type="text/javascript" src="lib/zUI.js"></script>
  <!--新导航-->
  <script type="text/javascript" src="js/header_sfy.js"></script>
  <!--end新导航-->
  <script type="text/javascript" src="js/app.js"></script>
  <script type="text/javascript" src="js/validate-demo.js"></script>
  <script type="text/javascript" src="js/main.js"></script>
  <script type="text/javascript" src="js/cy.js"></script>
</body>

</html>